/*fixed 底部*/

.footer-nav{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.15rem;
    font-size:12px;
    background: #fff;
    border-top: 1px solid #d3d3d3;
    z-index: 10000;
}
.footer-nav ul{
    height: 100%;
}
.footer-nav ul li{
    float: left;
    width: 20%;
    height: 100%;
}
.footer-nav ul li a{
    display: inline-block;
    height: 100%;
    width: 100%;
    text-align: center;
}
.footer-nav ul li a.active i{
    color: #0099ff;
}
.footer-nav ul li a span.footer-nav-hom{
    background: #ccc;
}
.footer-nav-icon{
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.2rem;
}
.icon-home span{
    background:url('../images/icon-home.png') no-repeat;
    background-size:contain;
}
.icon-home .active span{
    background:url('../images/icon-home-active.png') no-repeat;
    background-size:contain;
}
.icon-shop span{
    background:url('../images/icon-shop.png') no-repeat;
    background-size:contain;
}
.icon-shop .active span{
    background:url('../images/icon-shop-active.png') no-repeat;
    background-size:contain;
}
.icon-plus span{
    background:url('../images/icon-plus.png') no-repeat;
    background-size:contain;
}
.icon-plus .active span{
    background:url('../images/icon-plus-active.png') no-repeat;
    background-size:contain;
}
.icon-sale span{
    background:url('../images/icon-sale.png') no-repeat;
    background-size:contain;
}
.icon-sale .active span{
    background:url('../images/icon-sale-active.png') no-repeat;
    background-size:contain;
}
.icon-account span{
    background:url('../images/icon-account.png') no-repeat;
    background-size:contain;
}
.icon-account .active span{
    background:url('../images/icon-account-active.png') no-repeat;
    background-size:contain;
}


.footer-nav ul li a i{
    display: block;
    font-size: 0.28rem;
    line-height: 0.28rem;
    font-style: normal;
}


